<!-- src/components/Sidebar.vue -->
<template>
    <aside class="sidebar">
      <h2>影音资料</h2>
      <ul>
        <li><a href="#">土地革命时期音频</a></li>
        <li><a href="#">土地革命时期视频</a></li>
      </ul>
      <h2>背景资料</h2>
      <ul>
        <li><a href="#">八七会议与起义建军</a></li>
        <li><a href="#">井冈山等农村革命根据地的建立</a></li>
        <!-- 其他背景资料 -->
      </ul>
    </aside>
  </template>
  
  <script>
  export default {
    name: 'Sidebar'
  }
  </script>
  
  <style scoped>
  .sidebar {
    background-color: #f4f4f4;
    padding: 20px;
    width: 200px;
  }
  </style>